import React from 'react';
// 导入 Ant Design 的 Tabs 组件
import { Tabs } from 'antd';

const { TabPane } = Tabs;

class HelloAntDesign extends React.Component {
    render() {
        return (
            <Tabs defaultActiveKey='1' onChange={ (key) => console.log(key) }>
                <TabPane tab='Tab 1' key='1'>
                    Content of Tab Pane 1
                </TabPane>
                <TabPane tab='Tab 2' key='2'>
                    Content of Tab Pane 2
                </TabPane>
                <TabPane tab='Tab 3' key='3'>
                    Content of Tab Pane 3
                </TabPane>
            </Tabs>
        );
    }
}

export default HelloAntDesign;